<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import = "com.xff.bean.AdminBean" %>
<%@ page import = "com.xff.dao.AdminDao" %>
<%@ page import = "com.xff.bean.HistoryBean" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-CN" class="ax-vertical-centered">
<head>
    <meta charset="UTF-8">
    <title>图书馆管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/bootstrap-admin-theme.css">
    <link rel="stylesheet" href="css/bootstrap-admin-theme.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="jQuery/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap-dropdown.min.js"></script>

    <script src="ajax-lib/ajaxutils.js"></script>
    <script src="js/adminUpdateInfo.js"></script>
    <script src="js/adminUpdatePwd.js"></script>

</head>



<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>


<body class="bootstrap-admin-with-small-navbar">
<%
    AdminBean admin = new AdminBean();
    String aid = (String)session.getAttribute("aid");
    AdminDao admindao = new AdminDao();
    admin = admindao.get_AidInfo2(aid);

%>
<nav class="navbar navbar-inverse navbar-fixed-top bootstrap-admin-navbar bootstrap-admin-navbar-under-small" role="navigation">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="collapse navbar-collapse main-navbar-collapse">
                    <a class="navbar-brand" href="/admin"><strong>欢迎使用图书馆管理系统</strong></a>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" role="button" class="dropdown-toggle" data-hover="dropdown"> <i class="glyphicon glyphicon-user"></i> 欢迎您，管理员 <%=admin.getName()%> <i class="caret"></i></a>

                            <ul class="dropdown-menu">
                                <li><a href="#updateinfo" data-toggle="modal">个人资料</a></li>
                                <li role="presentation" class="divider"></li>
                                <li><a href="#updatepwd" data-toggle="modal">修改密码</a></li>
                                <li role="presentation" class="divider"></li>
                                <li><a href="/login">退出</a></li>
                            </ul>

                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>

<div style="">

            <script>"use strict";!function(){var i=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"_Owl_",n=window;n[i]||(n[i]={isRunning:!1,isReady:!1,preTasks:[],dataSet:[],use:function(i,t){this.isReady&&n.Owl&&n.Owl[i](t),this.preTasks.push({api:i,data:[t]})},add:function(i){this.dataSet.push(i)},run:function(){var t=this;if(!this.isRunning){this.isRunning=!0;var i=n.onerror;n.onerror=function(){this.isReady||this.add({type:"jsError",data:arguments}),i&&i.apply(n,arguments)}.bind(this),(n.addEventListener||n.attachEvent)("error",function(i){t.isReady||t.add({type:"resError",data:[i]})},!0)}}},n[i].run())}();</script>
            <script>
                cid = "c_2yzd0xp5";
                ci = 55;
                window.system = {"seatsPrice":{"1":{"expression":"33X1","price":"1"},"2":{"expression":"33X2","price":"2"},"3":{"expression":"33X3","price":"3"},"4":{"expression":"33X4","price":"4"},"5":{"expression":"33X5","price":"5"},"6":{"expression":"33X6","price":"6"},"7":{"expression":"33X7","price":"7"},"8":{"expression":"33X8","price":"8"},"9":{"expression":"33X9","price":"9"},"10":{"expression":"33X10","price":"10"}},"remind":"您选的是{后天 5月11日}的场次","uuid":"C181F540B0DE11EB93E3BFF0801614C64DBE2178646140FCB1C86ED4A9E22DAE","cinemaId":10029};

                window.openPlatform = '';
                window.openPlatformSub = '';
                window.$mtsiFlag = '0';

            </script>
            <link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/common.6b1d782c.css"/>
            <link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/cinemas-seat.b8adee6e.css"/>
            <script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/stat.88d57c80.js"></script>
            <script>if(window.devicePixelRatio >= 2) { document.write('<link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image-2x.8ba7074d.css"/>') }</script>
            <style>
                @font-face {
                    font-family: stonefont;
                    src: url('//vfile.meituan.net/colorstone/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.eot');
                    src: url('//vfile.meituan.net/colorstone/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.eot?#iefix') format('embedded-opentype'),
                    url('//vfile.meituan.net/colorstone/f0a30a4dda64b4f8f344858115f54fc92296.woff') format('woff');
                }

                .stonefont {
                    font-family: stonefont;
                }
            </style>
            <script>
                var _hmt = _hmt || [];
                (function() {
                    var hm = document.createElement("script");
                    hm.src = "https://hm.baidu.com/hm.js?703e94591e87be68cc8da0da7cbd0be2";
                    var s = document.getElementsByTagName("script")[0];
                    s.parentNode.insertBefore(hm, s);
                })();
            </script>




            <div class="main clearfix">
                <div class="hall">
                    &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    <div class="seat-example">
                        <div class="selectable-example example">
                            <span>可选座位</span>
                        </div>
                        <div class="sold-example example">
                            <span>未开放座位</span>
                        </div>
                        <div class="selected-example example">
                            <span>已选座位</span>
                        </div>

                    </div>


                    <div class="seats-block" data-cols="18" data-section-id="1" data-section-name="默认区域" data-seq-no="202105110369383">
                        <div class="row-id-container">
                            <span class="row-id">1</span>
                            <span class="row-id">2</span>
                            <span class="row-id">3</span>
                            <span class="row-id">4</span>
                            <span class="row-id">5</span>
                            <span class="row-id">6</span>
                            <span class="row-id">7</span>
                            <span class="row-id">8</span>
                            <span class="row-id">9</span>
                            <span class="row-id">10</span>
                        </div>

                        <div class="seats-container">
                            <div class="screen-container">
                                <div class="screen">201科技图书馆I室</div>
                                <div class="c-screen-line"></div>
                            </div>

                            <div class="seats-wrapper" style="width: 729px">
                                <div class="row">
	            <span class="seat empty"
                      data-column-id=""
                      data-row-id="1"
                      data-no=""
                      data-st="E"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="1"
                                          data-no="5008"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="3"
                                          data-row-id="1"
                                          data-no="5009"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="4"
                                          data-row-id="1"
                                          data-no="5010"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="5"
                                          data-row-id="1"
                                          data-no="5011"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="6"
                                          data-row-id="1"
                                          data-no="5012"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="7"
                                          data-row-id="1"
                                          data-no="5013"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="8"
                                          data-row-id="1"
                                          data-no="5014"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="9"
                                          data-row-id="1"
                                          data-no="5015"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="1"
                                          data-no="5016"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="1"
                                          data-no="5017"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="12"
                                          data-row-id="1"
                                          data-no="5018"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="1"
                                          data-no="5019"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="1"
                                          data-no="5020"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="15"
                                          data-row-id="1"
                                          data-no="5021"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="16"
                                          data-row-id="1"
                                          data-no="5022"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="1"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="1"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat empty"
                      data-column-id=""
                      data-row-id="2"
                      data-no=""
                      data-st="E"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="2"
                                          data-no="5026"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="3"
                                          data-row-id="2"
                                          data-no="5027"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="4"
                                          data-row-id="2"
                                          data-no="5028"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="5"
                                          data-row-id="2"
                                          data-no="5029"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="6"
                                          data-row-id="2"
                                          data-no="5030"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="7"
                                          data-row-id="2"
                                          data-no="5031"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="8"
                                          data-row-id="2"
                                          data-no="5032"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="9"
                                          data-row-id="2"
                                          data-no="5033"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="2"
                                          data-no="5034"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="2"
                                          data-no="5035"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="12"
                                          data-row-id="2"
                                          data-no="5036"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="2"
                                          data-no="5037"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="2"
                                          data-no="5038"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="15"
                                          data-row-id="2"
                                          data-no="5039"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="16"
                                          data-row-id="2"
                                          data-no="5040"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="2"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="2"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat empty"
                      data-column-id="11"
                      data-row-id="3"
                      data-no="5043"
                      data-st="E"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat empty"
                                          data-column-id="10"
                                          data-row-id="3"
                                          data-no="5044"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="3"
                                          data-no="5045"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="3"
                                          data-no="5046"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="3"
                                          data-no="5047"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="3"
                                          data-no="5048"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="3"
                                          data-no="5049"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="3"
                                          data-no="5050"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="3"
                                          data-no="5051"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="2"
                                          data-row-id="3"
                                          data-no="5052"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="1"
                                          data-row-id="3"
                                          data-no="5053"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="3"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="3"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="3"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="3"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="3"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="3"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="3"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat selectable useful"
                      data-column-id="1"
                      data-row-id="4"
                      data-no="5061"
                      data-st="N"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="4"
                                          data-no="5062"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="4"
                                          data-no="5063"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="11"
                                          data-row-id="4"
                                          data-no="5064"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="4"
                                          data-no="5065"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="4"
                                          data-no="5066"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="4"
                                          data-no="5067"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="4"
                                          data-no="5068"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="4"
                                          data-no="5069"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="4"
                                          data-no="5070"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="4"
                                          data-no="5071"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="12"
                                          data-row-id="4"
                                          data-no="5072"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="4"
                                          data-no="5073"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="4"
                                          data-no="5074"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="4"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="4"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="4"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="4"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat selectable useful"
                      data-column-id="1"
                      data-row-id="5"
                      data-no="5079"
                      data-st="N"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="5"
                                          data-no="5080"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="5"
                                          data-no="5081"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="5"
                                          data-no="5082"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="5"
                                          data-no="5083"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="5"
                                          data-no="5084"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="5"
                                          data-no="5085"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="5"
                                          data-no="5086"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="5"
                                          data-no="5087"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="5"
                                          data-no="5088"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="5"
                                          data-no="5089"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="12"
                                          data-row-id="5"
                                          data-no="5090"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="5"
                                          data-no="5091"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="5"
                                          data-no="5092"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="5"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="5"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="5"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="5"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat selectable useful"
                      data-column-id="1"
                      data-row-id="6"
                      data-no="5097"
                      data-st="N"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="6"
                                          data-no="5098"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="6"
                                          data-no="5099"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="6"
                                          data-no="5100"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="6"
                                          data-no="5101"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="6"
                                          data-no="5102"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="6"
                                          data-no="5103"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="6"
                                          data-no="5104"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="6"
                                          data-no="5105"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="6"
                                          data-no="5106"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="6"
                                          data-no="5107"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="12"
                                          data-row-id="6"
                                          data-no="5108"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="6"
                                          data-no="5109"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="6"
                                          data-no="5110"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="6"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="6"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="6"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="6"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat selectable useful"
                      data-column-id="1"
                      data-row-id="7"
                      data-no="5115"
                      data-st="N"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="7"
                                          data-no="5116"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="7"
                                          data-no="5117"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="7"
                                          data-no="5118"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="7"
                                          data-no="5119"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="7"
                                          data-no="5120"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="7"
                                          data-no="5121"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="7"
                                          data-no="5122"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="7"
                                          data-no="5123"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="7"
                                          data-no="5124"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="7"
                                          data-no="5125"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="12"
                                          data-row-id="7"
                                          data-no="5126"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="7"
                                          data-no="5127"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="7"
                                          data-no="5128"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="7"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="7"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="7"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="7"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat selectable useful"
                      data-column-id="1"
                      data-row-id="8"
                      data-no="5133"
                      data-st="N"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="8"
                                          data-no="5134"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="8"
                                          data-no="5135"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="8"
                                          data-no="5136"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="8"
                                          data-no="5137"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="8"
                                          data-no="5138"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="8"
                                          data-no="5139"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="8"
                                          data-no="5140"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="8"
                                          data-no="5141"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="8"
                                          data-no="5142"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="8"
                                          data-no="5143"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="12"
                                          data-row-id="8"
                                          data-no="5144"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="8"
                                          data-no="5145"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="8"
                                          data-no="5146"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="8"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="8"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="8"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="8"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat selectable useful"
                      data-column-id="1"
                      data-row-id="9"
                      data-no="5151"
                      data-st="N"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="9"
                                          data-no="5152"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="9"
                                          data-no="5153"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="9"
                                          data-no="5154"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="9"
                                          data-no="5155"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="9"
                                          data-no="5156"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="9"
                                          data-no="5157"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="9"
                                          data-no="5158"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="9"
                                          data-no="5159"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="9"
                                          data-no="5160"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="9"
                                          data-no="5161"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="12"
                                          data-row-id="9"
                                          data-no="5162"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="9"
                                          data-no="5163"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="9"
                                          data-no="5164"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="9"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id=""
                                          data-row-id="9"
                                          data-no=""
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="2"
                                          data-row-id="9"
                                          data-no="5167"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="1"
                                          data-row-id="9"
                                          data-no="5168"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                                <div class="row">
	            <span class="seat selectable useful"
                      data-column-id="1"
                      data-row-id="10"
                      data-no="5169"
                      data-st="N"
                      data-act="seat-click"
                      data-bid="b_s7eiiijf"
                ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="2"
                                          data-row-id="10"
                                          data-no="5170"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="10"
                                          data-no="5171"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="10"
                                          data-no="5172"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="5"
                                          data-row-id="10"
                                          data-no="5173"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="6"
                                          data-row-id="10"
                                          data-no="5174"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="7"
                                          data-row-id="10"
                                          data-no="5175"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="8"
                                          data-row-id="10"
                                          data-no="5176"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="9"
                                          data-row-id="10"
                                          data-no="5177"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="10"
                                          data-row-id="10"
                                          data-no="5178"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="11"
                                          data-row-id="10"
                                          data-no="5179"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="12"
                                          data-row-id="10"
                                          data-no="5180"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="13"
                                          data-row-id="10"
                                          data-no="5181"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat selectable useful"
                                          data-column-id="14"
                                          data-row-id="10"
                                          data-no="5182"
                                          data-st="N"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="4"
                                          data-row-id="10"
                                          data-no="5183"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="3"
                                          data-row-id="10"
                                          data-no="5184"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="2"
                                          data-row-id="10"
                                          data-no="5185"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                    <span class="seat empty"
                                          data-column-id="1"
                                          data-row-id="10"
                                          data-no="5186"
                                          data-st="E"
                                          data-act="seat-click"
                                          data-bid="b_s7eiiijf"
                                    ></span>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="side">
                    <div class="movie-info clearfix">
                        <div class="poster">
                            <img src="img/room.jpg">
                        </div>
                        <div class="content">
                            <p class="name text-ellipsis">201科技图书馆I室</p>
                            <div class="info-item">
                                <span>类型 :</span>
                                <span class="value">计算机、网络</span>
                            </div>
                            <div class="info-item">
                                <span>开馆时间 :</span>
                                <span class="value">8：00-22：00</span>
                            </div>
                        </div>
                    </div>

                    <div class="show-info">
                        <div class="info-item">
                            <span>学校 :</span>
                            <span class="value text-ellipsis">南京工程学院</span>
                        </div>
                        <div class="info-item">
                            <span>地点 :</span>
                            <span class="value text-ellipsis">逸夫图书馆</span>
                        </div>
                        <div class="info-item">
                            <span>楼层 :</span>
                            <span class="value text-ellipsis">2</span>
                        </div>
                        <div class="info-item">
                            <span>藏书 :</span>
                            <span class="value text-ellipsis">3.5万册</span>
                        </div>
                        <div class="info-item">
                            <span>座位 :</span>
                            <span class="value text-ellipsis">72座</span>
                        </div>
                    </div>

                    <div class="ticket-info">
                        <div class="no-ticket">
                            <p class="buy-limit">选位：一次最多选10个座位</p>
                            <p class="no-selected">请<span>点击左侧</span>座位图选择座位</p>
                        </div>
                        <div class="has-ticket" style="display:none">
                            <span class="text">座位：</span>
                            <div class="ticket-container" data-limit="10">

                            </div>
                        </div>

                        <div class="total-price">
                            <span>总数 :</span>
                            <span class="price">0</span>
                            <br>
                            <button type="button"
                                    onclick="action()"
                                   style="display: inline-block;
				                   margin: 0 5px;
								   background-color: #c81623;
								   border-radius: 13px;
                                   width:80px;
                                   height: 30px;
                                  line-height: 30px;
                                  font-size: 14px;
                                  text-align: center;
								  color: white;">禁用已选</button>

                            <button type="button"
                                    onclick="action2()"
                                    style="display: inline-block;
				                   margin: 0 5px;
								   background-color: #c81623;
								   border-radius: 13px;
                                   width: 80px;
                                   height: 30px;
                                  line-height: 30px;
                                  font-size: 14px;
                                  text-align: center;
								  color: white;">禁用所有</button>

                            <button type="button"
                                    onclick="action3()"
                                    style="display: inline-block;
				                   margin: 0 5px;
								   background-color: #34c819;
								   border-radius: 13px;
                                   width: 80px;
                                   height: 30px;
                                  line-height: 30px;
                                  font-size: 14px;
                                  text-align: center;
								  color: white;">全部开放</button>

                            <button type="button"
                                    onclick="action4()"
                                    style="display: inline-block;
				                   margin: 0 5px;
								   background-color: #34c819;
								   border-radius: 13px;
                                   width: 80px;
                                   height: 30px;
                                  line-height: 30px;
                                  font-size: 14px;
                                  text-align: center;
								  color: white;">签退所有</button>
                        </div>

                    </div>


                </div>
            </div>
            <script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/common.a5e0b235.js"></script>
            <script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/cinemas-seat.40b84e8d.js"></script>


        </div>
    </div>
</div>


    <!-------------------------修改密码的模糊框------------------------------------->

    <form class="form-horizontal" method="post" action="/AdminServlet">   <!--保证样式水平不混乱-->
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="updatepwd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="updatepasswordModalLabel">
                            修改密码
                        </h4>
                    </div>
                    <div class="modal-body">

                        <!--正文-->
                        <input type="hidden" name="tip" value="1">
                        <input type="hidden" name="url" value="admin">
                        <div class="form-group">
                            <label for="oldPwd" class="col-sm-3 control-label">原密码</label>
                            <div class="col-sm-7">
                                <input type="password" class="form-control" name="password" id="oldPwd"  placeholder="请输入原密码">
                                <label class="control-label" for="oldPwd" style="display: none"></label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="newPwd" class="col-sm-3 control-label">新密码</label>
                            <div class="col-sm-7">
                                <input type="password" class="form-control" name="password2" id="newPwd"  placeholder="请输入新密码">
                                <label class="control-label" for="newPwd" style="display: none"></label>
                            </div>
                        </div>

                        <!--正文-->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="submit" class="btn btn-primary" >
                            修改
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>

    </form>
    <!-------------------------------------------------------------->


    <!-------------------------个人资料模糊框------------------------------------->

    <form class="form-horizontal" method="post" action="/AdminServlet">   <!--保证样式水平不混乱-->
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="updateinfo" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="ModalLabel">
                            个人资料
                        </h4>
                    </div>

                    <div class="modal-body">

                        <!--正文-->
                        <input type="hidden" name="tip" value="2">
                        <input type="hidden" name="url" value="admin">
                        <div class="form-group">
                            <label for="name" class="col-sm-3 control-label">真实姓名</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="name" name="name" placeholder="请输入您的真实姓名" value='<%=admin.getName()%>'>
                                <label class="control-label" for="name" style="display: none"></label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="phone" class="col-sm-3 control-label">手机号</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="phone" name="phone" placeholder="请输入您的手机号" value='<%=admin.getPhone()%>'>
                                <label class="control-label" for="phone" style="display: none"></label>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="email" class="col-sm-3 control-label">邮箱</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="email" name="email"  placeholder="请输入您的邮箱" value='<%=admin.getEmail()%>'>
                                <label class="control-label" for="email" style="display: none"></label>
                            </div>
                        </div>

                        <!--正文-->


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="submit" class="btn btn-primary" >
                            修改
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>

    </form>
    <!-------------------------------------------------------------->



    <div class="modal fade" id="modal_info" tabindex="-1" role="dialog" aria-labelledby="addModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="infoModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12" id="div_info"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="btn_info_close" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>

    window.onload=function () {
        var c = document.getElementsByClassName("useful");
        myAjax("post","/SelectSeatServlet",{},function (data) {
            var status=data.status;
            for(var i=0;i<72;i++){
                if(status[i]==1){
                    c[i].setAttribute("class", "seat sold useful");
                }
            }
        },"json");
    }

        function action () {
            var list=document.getElementsByClassName("ticket");
            var row="";
            var column="";
            for(var i=0;i<list.length;i++){
                row+=list[i].getAttribute("data-row-id")+"-";
                column+=list[i].getAttribute("data-column-id")+"-";
            }
            var c = document.getElementsByClassName("useful");
            myAjax("post","/SeatServlet",{row:row,column:column},function (data) {
                var status=data.status;
                for(var i=0;i<72;i++){
                    if(status[i]==1){
                        c[i].setAttribute("class", "seat sold useful");
                        console.log("我是xff2:" +i);
                    }
                }
            },"json");
        }

    function action2 () {
        var c = document.getElementsByClassName("useful");
        myAjax("post","/AllSeatServlet",{tip:1},function () {

        },"json");
        for(var i=0;i<72;i++){
            c[i].setAttribute("class", "seat sold useful");
        }
    }

    function action3() {
        var c = document.getElementsByClassName("useful");
        myAjax("post","/AllSeatServlet",{tip:0},function () {

        },"json");
        for(var i=0;i<72;i++){
            c[i].setAttribute("class", "seat selectable useful");
        }
    }
    function action4() {
        myAjax("post","/AllSignOutServlet",{},function () {

        },"json");
    }

    function myAjax(method,url,data,callback,type){
        //创建兼容 XMLHttpRequest 对象
        var xhr;
        if (window.XMLHttpRequest){//IE7+, Firefox, Chrome, Opera, Safari
            xhr=new XMLHttpRequest();
        }else{// code for IE6, IE5
            xhr=new ActiveXObject("Microsoft.XMLHTTP");
        }

        //给请求添加状态变化事件处理函数
        xhr.onreadystatechange = function (){
            //判断状态码
            if(xhr.status==200 && xhr.readyState==4){
                //根据type参数，判断返回的内容需要进行怎样的处理
                if(type=='json'){
                    //获得 json 形式的响应数据，并使用parse方法解析
                    var res = JSON.parse(xhr.responseText);
                }else if(type=='xml'){
                    //获得 XML 形式的响应数据
                    var res = responseXML;
                }else{
                    //获得字符串形式的响应数据
                    var res = xhr.responseText;
                }
                //调用回调函数,并将响应数据传入回调函数
                callback(res);
            }
        };

        //判断data是否有数据
        var param = '';
        //这里使用stringify方法将js对象格式化为json字符串
        if(JSON.stringify(data) != '{}'){
            url += '?';
            for(var i in data){
                param += i+'='+data[i]+'&';   //将js对象重组，拼接成url参数存入param变量中
            }
            //使用slice函数提取一部分字符串，这里主要是为了去除拼接的最后一个&字符
            //slice函数：返回一个新的字符串。包括字符串从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符。
            param = param.slice(0,param.length-1);
        }

        //判断method是否为get
        if(method == "get"){
            //是则将数据拼接在url后面
            url = url+param;
        }


        //初始化请求
        xhr.open(method,url,true);

        //如果method == post
        if(method == "post"){
            xhr.setRequestHeader('content-type','application/x-www-form-urlencoded;charset=utf-8');
            //发送请求
            xhr.send(param);
        }else{
            //发送请求
            xhr.send(null);
        }

    }


</script>